<template>
  <div class="orderCon">
    <div class="wrapper">
      <TopArea />
      <ProduceList />
    </div>
    <!-- bottom -->
    <OrderBottom />
  </div>
</template>

<script>
import TopArea from "./TopArea.vue";
import OrderBottom from "./OrderBottom.vue";
import ProduceList from "./ProductList.vue";

//引入store数据

export default {
  name: "orderconfirmation",
  components: { TopArea, OrderBottom, ProduceList },
  setup() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
@import "@/styles/variables.scss";
.orderCon {
  height: 100vh;
  width: 100vw;
  background-color: $searchBgc-color;
}

.wrapper {
  height: 2rem;
  background-size: 100% 1.6rem;
  background-image: linear-gradient(0deg, rgba(0, 145, 255, 0) 4%, #0091ff 50%);
  background-repeat: no-repeat;
}
</style>
